﻿@charset "utf-8";
.banner {background:#000;margin:0 auto;position:relative;width:100%;overflow:hidden;}
.banner .bd {position:relative;}
.banner .bd li img {width:100%;vertical-align:top;}
.banner .bd .banner-txt{width:400px;top:120px;height:100px;z-index:1;margin:0 0 0 810px;position:absolute;}
.banner .bd .banner-txt .b-tlt {font-size:28px;line-height:42px;text-align:left;text-shadow:-1px -1px 0 #fff,1px 1px 0 #333,1px 1px 0 #444;}
.banner .bd .banner-txt .b-tlt a {color:#fff;}
.banner .bd .banner-txt .more-txt {text-transform:uppercase;padding:10px 40px;font-size:14px;background:#fff;width:150px;height:36px;line-height:16px;margin:10px 0 0 10px;}
.banner .bd .banner-txt .more-txt a{color:#000;}
.banner .hd {position:absolute;bottom:5%;width:100%;height:14px;z-index:1;}
.banner .hd ul {width:90%;margin:0 auto;text-align:center;}
.banner .hd ul li {display:inline-block;*display:inline;zoom:1;width:14px;height:14px;margin:0 3px;/*border-radius:50%;*/ background:#d90505;line-height:999px;overflow:hidden;cursor:pointer;border-radius:10px;}
.banner .hd ul .on {background:#369;}
.curmb {background:#e0e0e0;line-height:50px;height:50px;}
.curmb .inner form {width:300px;line-height:50px;float:right;}
.curmb .inner .button {padding:2px 5px;}
.about {background:#fff;margin:0 auto;position:relative;width:100%;overflow:hidden;}
.about .inner {position:relative;}
.about .inner li .con-img {width:100%;height:auto;vertical-align:top;}
.about .inner li .con-img img{width:100%;height:auto;}
.about .inner li .about-box{position:absolute;width:1000px;margin:0 calc(50% - 500px);top:calc(50% - 240px);}
.about .inner li .article{width:400px;top:60px;height:auto;z-index:1;margin:0 0px 0 30px;background:#fff;padding:15px 10px;filter:alpha(opacity:90); opacity:0.9;float:right;}
.about .inner li .art-tlt {margin:0 0 6px 20px;}
.cn-h1{margin-top:28px;}
.en-h1{margin-bottom:20px;}
.about .inner li p {font-size:14px;line-height:24px;padding:5px 10px 5px 0px;}
.i-more {text-align:center;margin:7px 0;width:168px;background:#114d9b;float:right;}
.i-more a {line-height:36px;color:#fff;}
.i-more a:after {content:">>";margin-left:10px;color:#fff;font-weight:100;}
.about .inner li .honnor{top:180px;position:absolute;width:558px;height:129px;float:left;}
.honnor li{width:90px;height:129px;float:left;margin:0px 2px 2px 1px;}
.honnor li img{width:100%;height:auto;}
 
@media screen and (max-width:1024px) {
.about>.container>.con-img {width:480px;}
.about>.container>.article {width:440px;}
}
@media only screen and (max-width:768px) {
.banner-txt,.pro-list-nav-bg,.about .inner li .honnor{display:none;}
.about {height:auto;padding:20px 0;}
.about .inner li .about-box{width:100%;position:relative;margin:0;}
.about>.container>.con-img {float:none;width:100%;padding:10px;}
.art-tlt {margin:0 0 6px 20px;}
.c-name {font-size:16px;}
.about>.container>.article {float:left;width:100%;padding:10px 0;}
.i-more {text-align:center;margin:20px 20px 20px 0;width:168px;background:#114d9b;float:right;}
	}
.products {height:auto;padding:20px 0 40px 0;}
.pro-tlt-box{position:relative;margin:0 0 20px 0;}
.pro-tlt-box .products-tlt {width:100%;color:#ccc;filter:alpha(opacity:15); opacity:0.15;font-size:80px;font-weight:600;padding-left:200px;  }
.products-tlt-2{text-align:center;letter-spacing: 6px;}
.pro-tlt-box .pro-tlt-cn{top:20px;position:absolute;width:200px;margin:0 calc(50% - 100px);text-align:center;}
.pro-tlt-box .pro-tlt-cn:before {position:absolute;content:'';width:140px;height:2px;background-color:#333;left:25px;bottom:-20px;}

.pro-list-box{position:relative;}
.pro-list-box .pro-bg {width:100%;}
.pro-list-box .pro-bg img{width:100%;height:auto;max-height:400px;}
.pro-list-nav{position:absolute;top:10px;width:100%;}
.pro-list-box .container {width:1000px;height:612px;position:relative;}
.container .pro-list-nav-bg{ margin: 0 calc(50% - 500px); position:relative;}
.container .pro-list-nav-bg img{width:100%;height:auto;}
.pro-nav{position:absolute;top:0px;width:100%;height:auto;}
.pro-nav li{width:16.66666666%;height:auto;float:left;position:relative;}
.pro-nav li img{width:100%;height:138px;}
.pro-nav li:nth-child(3){margin-right:50%;}
.pro-nav li:nth-child(4){margin-left:16.66666666%;}
.pro-nav li:nth-child(6){margin:61px 0 0 50%;}
.pro-nav li:nth-child(7){margin:61px 16.66666666% 0 0;}
.pro-nav li:nth-child(8){margin-left:50%;}
.pro-nav li:nth-child(9){margin-left:16.66666666%;}
.pro-nav li .cover{position:absolute;top:0px;width:100%;height:100%;filter:alpha(opacity:60); opacity:0.6;}
.pro-nav li:nth-child(1) .cover,.pro-nav li:nth-child(4) .cover,.pro-nav li:nth-child(9) .cover{background:#06c;}
.pro-nav li:nth-child(2) .cover,.pro-nav li:nth-child(5) .cover,.pro-nav li:nth-child(6) .cover{background:#e4f1ec;filter:alpha(opacity:70); opacity:0.7;}
.pro-nav li:nth-child(3) .cover,.pro-nav li:nth-child(7) .cover,.pro-nav li:nth-child(8) .cover{background:#f60;}
.pro-nav li h3{font-size:18px;position:absolute;top:30%;width:100%;text-align:center;}
.pro-nav li a{color:#fff;}
.pro-nav li:nth-child(2) a,.pro-nav li:nth-child(5)  a,.pro-nav li:nth-child(6)  a{color:#000;}
.pro-nav li:hover .cover{display:none;}
.pro-nav li:hover a{color:#fff;text-shadow:-1px -1px 0 #fff,1px 1px 0 #333,1px 1px 0 #ccc;}

.equipment {height:auto;padding:10px 0 0px;}
.equipment li {width:20%;height:auto;margin:0;position:relative;float:left;_display:inline;overflow:hidden;}
.equipment li img {width:100%;height:100%;}
.equipment li .p-tlt {line-height:40px;font-size:24px;text-align:center;width:calc(100% - 60px);height:calc(100% - 60px);margin:30px;position:absolute;bottom:0px;background:#666;color:#fff;filter:alpha(opacity:0);opacity:0;-moz-opacity:0;-khtml-opacity:0;}
.equipment li .p-tlt a {color:#fff;padding:25% 10px 0 10px;}
.equipment li:hover .p-tlt {background:#f60;filter:alpha(opacity:60);opacity:0.6;-moz-opacity:0.6;-khtml-opacity:0.6;}

.partner {height:auto;padding:10px 0 0px;}
.partner li {width:16.6%;height:auto;margin:0;position:relative;float:left;_display:inline;overflow:hidden;}
.partner li img {width:100%;height:100%;}
.partner li .p-tlt {line-height:40px;font-size:24px;text-align:center;width:calc(100% - 60px);height:calc(100% - 60px);margin:30px;position:absolute;bottom:0px;background:#666;color:#fff;filter:alpha(opacity:0);opacity:0;-moz-opacity:0;-khtml-opacity:0;}
.partner li .p-tlt a {color:#fff;padding:25% 10px 0 10px;}
.partner li:hover .p-tlt {background:#f60;filter:alpha(opacity:60);opacity:0.6;-moz-opacity:0.6;-khtml-opacity:0.6;}

@media screen and (max-width:1024px) {
.slideBox .hd ul li {width:calc(20% - 10px);margin:16px 5px;}
}
@media only screen and (max-width:768px) {
.pro-bg,.container .pro-list-nav-bg{display:none;}
.pro-list-box,.pro-list-nav,.pro-list-box .container,.container .pro-list-nav-bg,.pro-nav,.about .inner,.about .inner li .article{position:static;}
.about .inner li .article{width:calc(100% - 20px);top:0px;height:auto;margin:5px 0px;padding:15px 10px;filter:alpha(opacity:100); opacity:1;}
.pro-list-nav{top:0;}
.pro-list-box{height:auto;}
 .products >.container>.cn-h1{    margin: 0 0 6px 20px;}  
 .products >.container>.en-h1{    margin: 0 0 6px 20px;}  
 .products-tlt {width:calc(100% - 20px);}
 .slideBox {height:auto;}
 .slideBox .hd ul li {width:calc(100% - 20px);margin:5px 10px;}
 .slideBox .hd ul li .p-tlt {bottom:45px;font-size:24px}
 .slideBox .bd li h4 {width:calc(50% - 8px);}
 .equipment {display:none;}
 .pro-list-box .container {width:100%;height:auto;}
 .pro-nav li{width:calc(100% - 10px);height:auto;margin:10px 5px;}
 .pro-nav li img{width:100%;height:auto;}
 .pro-nav li:nth-child(3),
.pro-nav li:nth-child(4),
.pro-nav li:nth-child(6),
.pro-nav li:nth-child(7),
.pro-nav li:nth-child(8),
.pro-nav li:nth-child(9){margin:10px 5px;}
.pro-tlt-box .products-tlt { overflow: hidden;}
	}
	
.recommmended {height:auto;padding:40px 0;background:#eee;}
.recommmended .pro-tlt-box .products-tlt {padding-left:50px;}
.recommmended>.container>ul {margin:50px 0 0 0;}
.recommmended>.container>ul>li {width:240px;height:auto;margin:10px 5px;float:left;}
.recommmended>.container>ul>li>figure {width:100%;height:auto;margin:0;}
.p-list {width:100%;height:auto;position:relative;}
.p-list>a>img {width:236px;height:auto;border:solid 1px #999;padding:1px;}
.p-list>a>.r-tlt:before {content:url(../images/pro-bg.png);width:50px;height:50px;}
.p-list>a>.r-tlt {text-align:center;width:240px;height:180px;padding-top:60px;position:absolute;bottom:0px;background:#06c;color:#fff;display:none;filter:alpha(opacity:60);opacity:0.6;-moz-opacity:0.6;-khtml-opacity:0.6;}
.p-list>a>.r-tlt p {line-height:32px;font-size:16px;}
.recommmended>.container>ul>li:hover .p-list>a>.r-tlt {display:block;}
.p-list-con h3 {height:48px;line-height:48px;overflow:hidden;text-align:center;background:#999;}
.p-list-con h3 a {font-size:16px;color:#fff;font-weight:700;}
.recommmended>.container>ul>li:hover .p-list-con h3 {background:#f93;}


.news {padding:42px 0;}
.news  .pro-tlt-box .products-tlt {padding-left:50px;}
.news-list {width:540px;float:right;}
.news-list li {width:540px;height:60px;margin:0px 0px 7px 0px;}
.news-list li .n-img{display:none;}
.news-list li .date {background:#6f6f6f;width:65px;height:60px;float:left;}
.news-list li:hover .date, .news-list .on .date{background:#f33;}
.news-list li .date .yy-mm {text-align:center;color:#fff;font-size:20px;font-weight:900;line-height:20px;padding-top:10px;}
.news-list li .date .day {text-align:center;color:#fff;font-size:14px;font-weight:200;line-height:30px;}
.news-list li .con {width:470px;height:60px;float:right;background:#fff url(../images/n-bg.png) bottom right no-repeat;padding:5px 10px 0;}
.news-list li .con h4 {height:20px;margin-bottom:5px;}
.news-list li .con h4 a {color:#000;}
.news-list .on .con h4 a {color:#d90505;font-weight:600;}
.news-list li .con p {height:30px;line-height:15px;overflow:hidden;font-size:11px;}
.news-list .bd{display:none;}
.img-news {float:left;margin:0px 20px 0 0px;overflow:hidden;position:relative;}

.img-news .hd {height:15px;overflow:hidden;position:absolute;right:5px;bottom:5px;z-index:1;}
.img-news .hd ul {overflow:hidden;zoom:1;float:left;}
.img-news .hd ul li {float:left;margin-right:2px;width:15px;height:15px;line-height:14px;text-align:center;background:#fff;cursor:pointer;}
.img-news .hd ul li.on {background:#f00;color:#fff;}
.img-news .bd {width:440px;height:330px;}
.img-news .bd li {zoom:1;vertical-align:middle;}
.img-news .bd li img {width:100%;height:auto;}
.img-news .bd li h4 {height:30px;line-height:30px;padding:0 0 0 10px;bottom:0px;overflow:hidden;position:absolute;filter:alpha(Opacity=80);-moz-opacity:0.5;opacity:0.5;background:#000;width:440px;}
.img-news .bd li h4 a {color:#fff;font-size:14px;}
.news-tlt {width:100%;color:#333;margin-bottom:20px;}
@media only screen and (max-width:1920px) {}
@media only screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
.news-list {width:620px}
.news-list li {width:620px}
.news-list li:nth-child(5){display:none;}
.news-list li .con {width:550px;}
.img-news .bd {width:320px;height:240px;margin:2px 0px 2px 0px;}
.news-list li {margin:0px 0px 1px 0px;}

}
@media only screen and (max-width:768px) {
.recommmended>.container>ul>li {width:100%;margin:10px 0px;}
.p-list>a>img {width:calc(100% - 4px);height:auto;}

.news {padding:10px 0 40px;background:#eee;}
.news-list li .date,.partner{display:none;}
.news-list {width:100%;float:none;}
.news-list li .con {width:100%;}
.news-list li .n-img{display:block;width:100%;height:auto;margin:5px 0;}
.img-news {margin:20px 0;}
.img-news .bd {width:100%;height:auto;}
.news-list li {width:100%;height:auto;margin:0px 0px 7px 0px;}
.news-list li .con {height:120px;margin:5px 0;}
.news-list>.cn-h1,.news-tlt{    margin: 20px 0 6px 20px;}
.news-tlt{    margin: 0px 0 6px 0px;padding-left:20px;}
.img-news>.cn-h1{    margin: 0 0 6px 20px;}
	}
.map {padding:42px 0 0;background:#fff}
.map .inner {margin:20px 0 0 0;width:100%;height:390px;}
